<template>
  <!-- 我们要实现的效果 -->
  <!-- <my-bread leavel1="权限管理" leavel2="权限列表"></my-bread> -->
  <el-breadcrumb separator-class="el-icon-arrow-right">
    <el-breadcrumb-item>首页</el-breadcrumb-item>
    <el-breadcrumb-item>{{leavel1}}</el-breadcrumb-item>
    <el-breadcrumb-item>{{leavel2}}</el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script>
export default {
  name: 'my-bread',
  data() {
    //data数据特点:数据来源于自己,我们所用的leavel1来源于使用组件时传入的值
    return {
      //   leavel1: '',
    };
  },
  //props专门用来写数据,而且数据中的用法和data中的用法一样,数据的值来源于父组件
  //props 值字符串数组
  //props中的值的用法和data数据用法一样
  //props中的数据的值 来源于使用组件时传的值
  //props中的数据也是该组件的属性 <child-a :msg="abc">
  props: ['leavel1', 'leavel2'],
};
</script>

<style>
</style>